// pages/control-p/control-p.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    //1
    StartX1:'60',
    StartY1:'70',
    leftLooks1: '',
    topLooks1: '',
    //2
    leftLooks2: '60',
    topLooks2: '950',
    //半径
    radius: '60',
  },
  //拖动摇杆1移动
  ImageTouchMove1: function (e) {
    var self = this;
    var touchX1 = e.touches[0].clientX - 40;        //e.touches[0]是触摸点坐标，减去40是为了让图片在触摸点中心
    var touchY1 = e.touches[0].clientY - 40;
    var movePos = self.GetPosition1(touchX1, touchY1);
    self.setData({
      leftLooks1: movePos.posX1,
      topLooks1: movePos.posY1
    })
  },
  //获得触碰位置并且进行数据处理获得触碰位置与拖动范围的交点位置
  GetPosition1: function (touchX1, touchY1) {
    var self = this;
    var DValue_X;
    var Dvalue_Y;
    var Dvalue_Z;
    var imageX;
    var imageY;
    var ratio;
    DValue_X = touchX1 - self.data.StartX1;
    Dvalue_Y = touchY1 - self.data.StartY1;
    Dvalue_Z = Math.sqrt(DValue_X * DValue_X + Dvalue_Y * Dvalue_Y);
    //触碰点在范围内
    if (Dvalue_Z <= self.data.radius) {
      imageX = touchX1;
      imageY = touchY1;
      imageX = Math.round(imageX);          //将数字四舍五入到最接近的整数
      imageY = Math.round(imageY);
      return { posX1: imageX, posY1: imageY };
    }
 
    //触碰点在范围外
    else {
      ratio = self.data.radius / Dvalue_Z;
      imageX = DValue_X * ratio + 70;    //change?
      imageY = Dvalue_Y * ratio + 60;    //change?
      imageX = Math.round(imageX);
      imageY = Math.round(imageY);
      return { posX1: imageX, posY1: imageY };
    }
  },

  ImageReturn1: function (e) {
    var self = this;
    self.setData({
    leftLooks1: self.data.StartX1,
    topLooks1: self.data.StartY1,
    })
  },
  
  //z+
  ImageTouch_s:function(e){

  },
  //z-
  ImageTouch_x:function(e){

  },
  //夹取
  ImageTouch:function(e){

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },
  
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})